<template>
  <div>
  <bigbg
     :url="bandat.bgImg"
    :bigtext="bandat.title"
    :smalltext="bandat.subtitle"
    ></bigbg>
 <!-- 详情页 -->
    <div v-html='pagetable'>
    </div>
    <!-- 头部组件 -->
    <Header></Header>
    <!-- 底部组件 -->
    <Footer></Footer>
  </div>
</template>
<script>
// "24083a23-51c3-417e-bf7d-87642ec0939a"
//"24083a23-51c3-417e-bf7d-87642ec0939a"
import { getlag,getpages} from '@/api/srapi/srapi.js'
//引入头部组件
import Header from "@/components/Header.vue";
// 引入底部组件
import Footer from "@/components/Footer.vue";
import bigbg from "@/views/srdemo/component/bigbg.vue";
export default {
  name: "traveldistribution",
  components: {
    Header,
    Footer,
    bigbg
  },
  data() {
    return {
      bandat:{},
      pagetable:null
    };
  },
 async mounted() {
   //获取页面的全部数据
   const res= await getlag("24083a23-51c3-417e-bf7d-87642ec0939a")
   console.log(res);
   console.log(res.data.data);
   this.bandat=res.data.data
   //获取详情页
     const pages=await  getpages(this.bandat.pcUrl)
     this. pagetable=pages.data.content
     console.log(pages.data.content);

  },
};
</script>
<style lang="scss" scoped>
* {
    padding: 0;
  margin: 0;
     box-sizing: border-box;
}

</style>